<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>任务5</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="js5.css">
    <script src="jquery-3.2.1.min.js"></script>
</head>
<body>
    <div class="wrap">
        <form action="post">
            <div class="landing">
                <p class="log-title">喝我水站后台登陆</p>
                <div class="user-box">
                    <img src="images/user.png" alt="">
                    <span class="bar">|</span>
                    <input type="text" placeholder="用户名" id="username">
                </div>
                <p class="remind">账户名必须是6-16位的英文字母或者数字</p>
                <!--<p class="remind">请输入5-15位数字</p>-->
                <!--<p class="remind">输入正确的邮箱名</p>-->
                <!--<p class="remind">账户名必须是6-16位的英文字母或者数字</p>-->
                <!--<p class="remind">输入正确身份证号</p>-->
                <div class="user-box">

                    <img src="images/password.png" alt="">
                    <span class="bar">|</span>
                    <input type="text" placeholder="密码" id="password">
                </div>
                <p class="remind">密码必须是6-16位的任意符号，英文字母，数字</p>
                <button name="submit" value="登陆">登陆</button>
            </div>
        </form>
    </div>
    <script src="js5.js"></script>
</body>
</html>